<template>
<button class="c-button">
    <slot></slot>
</button>
</template>

<script lang='ts'>
import { defineComponent,ref } from 'vue'
export default defineComponent({
    name: 'c-button',
    setup(props,context){


    }
})
</script>

<style lang='less' scoped>
    .c-button{
        width: 90%;
        min-height: 20px;
        padding: 10px;
        background-color: #000;
        border:none;
        border-radius: 4px;
        outline: none;
        color: #fff;
        cursor: pointer;
        transition: all .5s;
        &:hover{
            background-color: rgb(51,51,51);
             transition: all .6s;

        }
    }
</style>